<template>
    <div class="button-collect">
        <div class="button-body">
            <div class="button-icon">
                <img
                    v-if="isCollect"
                    src="https://7769-winfyho-cloud-0gfbcdsg0e062644-1301825810.tcb.qcloud.la/cloudbase-cms/upload/2021-05-04/16fjjsmsghmca6jqsvrh4vwukry67oma_.png"
                />
                <img
                    v-else
                    src="https://7769-winfyho-cloud-0gfbcdsg0e062644-1301825810.tcb.qcloud.la/cloudbase-cms/upload/2021-05-04/oc0s6wv99tdzdjwnzbxc280hvyv1fvdq_.png"
                />
            </div>
        </div>
    </div>
</template>

<script>
export default {
    props: {
        isCollect: {
            type: Boolean,
            default: false
        }
    },
    data() {
        return {
            style: {}
        };
    },
    created() {},
    methods: {}
};
</script>


<style lang="less" scoped>
.button-collect {
    display: inline-block;

    .button-body {
        display: inline-block;

        .button-icon {
            width: 110%;
            img {
                width: 100%;
            }
        }
    }
}
</style>